<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>关于我们</title>

    <!-- Bootstrap -->
	 <link rel="stylesheet" href="css/liustyle.css">
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
	<link href="css/newindexcss.css" rel="stylesheet" />
    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
	<style>
		.la
		{
			width: 300px;
			height: 58px;
			background-image: url(images/banner.png);
			background-size: 100% 100%;
			background-repeat: no-repeat;
			margin-top: 10px;
		}
		.nav
		{	
			height: 80px;
		     float: right;
		}
		.nav li{
			height: 80px;
		}
		.nav li a{
			font-size: 20px;
			padding: 0 30px!important;
			line-height: 80px;
		}
	</style>
  </head>
  <body>
	  
	  
	  <nav class="navbar navbar-inverse navbar-fixed-top">
	  	<div class="container">
	  	<div class="navbar-header">
	  		<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
	  			<span class="sr-only">Toggle navigation</span>
	  			<span class="icon-bar"></span>
	  			<span class="icon-bar"></span>
	  			<span class="icon-bar"></span>
	  		</button>
	  		<div class="la"></div>
	  	</div>
	  	<div id="navbar" class="navbar-collapse collapse">
	  		<ul class="nav navbar-nav">
	  			<li class="down">
	  				<span class="caret"></span></a></li>
	  			<li><a href="SpecialityShow.html" target="_blank">专业介绍</a></li>
	  			<li><a href="LearningRoute.html" target="_blank">学习路线</a></li>
	  			<!-- <li><a href="#">前后端区别</a></li> -->
	  			<!-- <li><a href="#">就业分析</a></li> -->
	  			<li><a href="StudentShow.html" target="_blank">优秀学生展示</a></li>
	  			<li><a href="Dateshow.html" target="_blank">数据展示</a></li>
	  			<li><a href="AboutWe.html" target="_blank">关于我们</a></li>
	  		</ul>
	  	</div>
	  	</div>
		
	  </nav>
	  
	  
   <div class="container">
	   <div class="stars">
	     <div class="star"></div>
	     <div class="star"></div>
	     <div class="star"></div>
	     <div class="star"></div>
	     <div class="star"></div>
	     <div class="star"></div>
	     <div class="star"></div>
	     <div class="star"></div>
	     <div class="star"></div>
	     <div class="star"></div>
	     <div class="star"></div>
	     <div class="star"></div>
	     <div class="star"></div>
	     <div class="star"></div>
	     <div class="star"></div>
	     <div class="star"></div>
	     <div class="star"></div>
	     <div class="star"></div>
	     <div class="star"></div>
	     <div class="star"></div>
	     <div class="star"></div>
	     <div class="star"></div>
	     <div class="star"></div>
	     <div class="star"></div>
	     <div class="star"></div>
	     <div class="star"></div>
	     <div class="star"></div>
	     <div class="star"></div>
	     <div class="star"></div>
	     <div class="star"></div>
	     <div class="star"></div>
	     <div class="star"></div>
	     <div class="star"></div>
	     <div class="star"></div>
	     <div class="star"></div>
	     <div class="star"></div>
	     <div class="star"></div>
	     <div class="star"></div>
	     <div class="star"></div>
	     <div class="star"></div>
	     <div class="star"></div>
	     <div class="star"></div>
	     <div class="star"></div>
	     <div class="star"></div>
	     <div class="star"></div>
	     <div class="star"></div>
	     <div class="star"></div>
	     <div class="star"></div>
	     <div class="star"></div>
	     <div class="star"></div>
	   </div>
	   <div class="row fontcolor">
		   <div class="col-lg-3 page-header">
			   <h1>就业岗位介绍 <small class="fontcolor">Job description</small></h1>
		   </div>
		  <div class="col-lg-4"></div>
		   <div class="col-lg-5">
			   <a href="index.html">
			   <img src="./images/logomains.png" alt="logo" class="img-circle pics">
			   </a>
		   </div>
	   </div> 
	   <div class="row fontcolor">
	   		   <div class="col-lg-6">
				   <h3>前端</h3>
				   <p>
					   前端开发是创建Web页面或app等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，
					   来实现互联网产品的用户界面交互 [1]  。它从网页制作演变而来，名称上有很明显的时代特征。在互联网的演化进程中，
					   网页制作是Web1.0时代的产物，早期网站主要内容都是静态，以图片和文字为主，用户使用网站的行为也以浏览为主。
					   随着互联网技术的发展和HTML5、CSS3的应用，现代网页更加美观，交互效果显著，功能更加强大。
				   </p>
			   </div>
	   		   <div class="col-lg-6"> 
			   <h3>后端</h3>
			   <p>“后端指的是运行在后台并且控制前端的内容，它负责程序设计架构以及数据库管理和处理相关的业务逻辑。
			   它主要考虑的是功能的实现以及数据的操作等，且后端开发涉及一些开发语言、数据库操作等。
			   常用于web后端开发的脚本语言有PHP、JSP（Java）、Python等。常用关系型数据库mysql、oracle、sql server等。
			   常用数据存储、缓存存储有redis、memcache等。虽然后端与前端有明显的区别但往往也要了解甚至熟练掌握前端相关技术
			   （html语言、css样式、div和table布局、ajax、JavaScript脚本语言）。”</p>
			   </div>	  
   </div>
   <div class="row fontcolor">
   		   <div class="col-lg-3 page-header">
   			   <h1>关于我们 <small class="fontcolor">About us</small></h1>
   		   </div>
   </div> 
   <div class="row fontcolor">
	   <div class="col-lg-2">
		   <h4>吴丹</h4>
		   <h5>班级：B190112</h5></div>
	   <div class="col-lg-2">
		   <h4>王凡星</h4>
		   <h5>班级：B190106</h5></div>
	   <div class="col-lg-2">
		   <h4>钟雲</h4>
		   <h5>班级：B190105</h5></div>
	   <div class="col-lg-2">
		   <h4>林智勇</h4>
		   <h5>班级：B190110</h5></div>
		   <div class="col-lg-4" style="text-align: center;">
		   		   <h4>指导老师</h4>
		   		   <h5>李卫勇</h5></div>
	   </div>
   </div>
    <div class="row">
		<footer class="navbar-fixed-bottom footer">
		   <h4 class="colorfonthe">如有疑惑请联系<a href="mailto:1327981974@qq.com">1327981974@qq.com</a></h4>
		</footer>
    </div>
	
  </body>
</html>